<!--
 * @Author: H.
 * @Date: 2021-12-06 18:12:03
 * @LastEditTime: 2021-12-07 15:15:01
 * @Description:
-->
<template>
  <div class="menu">
    <page-content :contentTableConfig="contentTableConfig" pageName="menu">
      <template #icon="scope">
        <el-icon v-if="scope.row.icon">
          <component :is="'i-' + scope.row.icon.substring(8)"></component>
        </el-icon>
      </template>
    </page-content>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import transElIconName from '@/utils/transElIconName'
import PageContent from '@/components/page-content'
import { contentTableConfig } from './config/content.config'
export default defineComponent({
  name: 'hy-menu',
  setup() {
    return { contentTableConfig, transElIconName }
  },
  components: {
    PageContent
  }
})
</script>

<style scoped></style>
